.root {
    -fx-main-backgound-color: white;
    -fx-font-family: 'OpenSansEmoji', '宋体', 'MingLiU';
    -fx-font-size: 20px;
    -fx-text-fill: gray;
}

@font-face {
    font-family: 'OpenSansEmoji';
    src: url('/font/OpenSansEmoji.ttf');
}

.paragraph-box {
    -fx-font-family: "OpenSansEmoji";
}

.text-field {
    -fx-font-family: OpenSansEmoji;
    -fx-font-size: 32;
}

.list-view:focused {
    -fx-background-color: -fx-main-backgound-color;
    -fx-border-color: -fx-main-backgound-color;
}

.list-view .list-cell:filled:selected:focused, .list-view .list-cell:filled:selected {
    /*-fx-border-color: transparent;*/
    /*-fx-background-color: derive(-fx-main-backgound-color, 10%);*/
    /*-fx-background-color: -fx-main-backgound-color;*/
    /*-fx-background-color: -fx-main-backgound-color;*/
    /*-fx-text-fill: black;*/
    /*-fx-background-color: linear-gradient(#328BDB 0%, #207BCF 25%, #1973C9 75%, #0A65BF 100%);*/
    /*-fx-padding: 0px;*/
    -fx-border-insets: 0px;
}

.list-view .list-cell:filled:selected:focused .label, .list-view .list-cell:filled:selected .label {
    -fx-text-fill: black;
}
.list-view .list-cell:filled:selected:focused .list-node, .list-view .list-cell:filled:selected .list-node {
    -fx-background-color: linear-gradient(#328BDB 0%, #207BCF 25%, #1973C9 75%, #0A65BF 100%);
    -fx-padding: 10px;
}

.list-view .list-cell:even {
    -fx-background-color: -fx-main-backgound-color;
    -fx-padding: 10px;
    -fx-border-insets: 0px;
}
.list-view .list-cell:odd {
    -fx-background-color: -fx-main-backgound-color;
    -fx-padding: 10px;
    -fx-border-insets: 0px;
}
.list-view .list-cell:empty {
    -fx-background-color: -fx-main-backgound-color;
    -fx-padding: 10px;
    -fx-border-insets: 0px;
}

.virtual-flow, .virtual-flow:focused, .virtual-flow .Navigator, .virtual-flow .Navigator:focused {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.virtual-flow .list-node {
    -fx-padding: 10px;
}
.virtual-flow .list-node:hover {
    -fx-background-color: linear-gradient(#328BDB 10%, #207BCF 45%, #1973C9 55%, #0A65BF 80%);
}
.virtual-flow .list-node:pressed {
    -fx-background-color: linear-gradient(#328BDB 0%, #207BCF 25%, #1973C9 75%, #0A65BF 100%);
}

.html-editor, .html-editor:focused {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.demo-left-pane .button {
    -fx-background-color: transparent;
}